<template>
	<div class="mainContainer">
		<div class="shop-content">
			<img src="../../assets/image/red0913/2-1.png" class="backimage" />
			<el-button class="BtnLeft" type="text">预览</el-button>
			<el-button class="BtnRight" type="text">购买</el-button>
		</div>

		<div class="shop-content">
			<img src="../../assets/image/blue0913/2-3.png" class="backimage" />
			<el-button class="BtnLeft" type="text">预览</el-button>
			<el-button class="BtnRight" type="text">购买</el-button>
		</div>
	</div>

</template>
<script>
</script>
<style scoped>
	.mainContainer {
		height: 100vh;
		display: flex;
		flex-wrap: wrap;
		align-content: flex-start;
	}

	.shop-content {
		height: 250px;
		width: 150px;
		margin-bottom: 50px;
		margin-left: 50px;
		
	}

	.backimage {
		height: 150px;
		width: 150px;
		background: #d3dce6;
		
	}

	.el-button {
		width: 70px;
		height: 35px;
		color: white;
		border:1px solid #b3b3b3;
		font-size: 11px;
		
	}
	/* .BtnLeft{
		background-image: url("../../assets/image/BtnLeft.png");
	}
	
	.BtnRight{
		background-image: url("../../assets/image/BtnRight.png");
	} */
</style>
